<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>商城首页</title>
  <link rel="stylesheet" href="/static/index/css/swiper-3.4.2.min.css">
  <link rel="stylesheet" href="/static/index/css/GL.css">
  <script src="/static/index/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>

  <script src="/static/index/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>

  <script src="/static/index/js/swiper-3.4.2.min.js"></script>

</head>

<body>
<header>
  <!--头部-->
  <div class="header_head">
    <div class="header_head_box">
      <ul>
        <li>
          <a th:if="${session.loginUser != null}">欢迎, [[${session.loginUser.nickname}]]</a>
          <a href="http://auth.gulimall.com/login.html" th:if="${session.loginUser == null}">你好，请登录</a>
        </li>
        <li>
          <a class="li_2" href="http://auth.gulimall.com/reg.html" th:if="${session.loginUser == null}">免费注册</a>
        </li>
        <li>
          <a class="li_2" href="http://auth.gulimall.com/loguot.html" th:if="${session.loginUser != null}">立即退出</a>
        </li>
        <span>|</span>
        <li>
          <a href="http://member.gulimall.com/memberOrder.html">我的订单</a>
        </li>
      </ul>
    </div>
  </div>
  <!--搜索导航-->
  <div class="header_sous">
    <div class="header_form">
      <input id="searchText" placeholder="" type="text" />
      <a href="javascript:search();" ><img src="/static/index/img/img_09.png" /></a>
    </div>
    <div class="header_ico">
      <div class="header_gw">
        <img src="/static/index/img/img_15.png" />
        <span><a href="http://cart.gulimall.com/cart.html">我的购物车</a></span>
        <span>0</span>
      </div>
      <div class="header_ko">
        <p>购物车中还没有商品，赶紧选购吧！</p>
      </div>
    </div>
  </div>
  <!--轮播主体内容-->
  <div class="header_main">
    <div class="header_banner">
      <div class="header_main_center">
        <div class="swiper-container swiper1">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="#"><img src="/static/index/img/lunbo.jpg" /></a>
            </div>

            <div class="swiper-slide">
              <a href="#"><img src="/static/index/img/lunbo3.jpg" /></a>
            </div>

            <div class="swiper-slide">
              <a href="#"><img src="/static/index/img/lunbo6.jpg" /></a>
            </div>
            <div class="swiper-slide">
              <a href="#"><img src="/static/index/img/lunbo7.jpg" /></a>
            </div>
          </div>
          <div class="swiper-pagination"></div>
          <div class="swiper-button-next swiper-button-white"></div>
          <div class="swiper-button-prev swiper-button-white"></div>
        </div>
      </div>
    </div>
  </div>


</header>

<div class="section_second_list">
  <div class="swiper-container swiper_section_second_list_left">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <!-- 动态拼装秒杀商品信息 -->
        <ul id="seckillSkuContent"></ul>
      </div>
      <div class="swiper-slide">
        <ul>
          <li>
            <img alt="" src="/static/index/img/section_second_list_img6.jpg">
            <p>Apple iMac 21.5英寸一体机（2017新款四核Core i5 处理器/8GB内存/1TB/RP555显卡/4K屏 MNDY2CH/A） Apple iMac 21.5英寸一体机（2017新款四核Core i5 处理</p>
            <span>¥9588.00</span><s>¥10288.00</s>
          </li>
          <li>
            <img alt="" src="/static/index/img/section_second_list_img7.jpg">
            <p>中柏（Jumper）EZpad 4S Pro 10.6英寸二合一平板电脑（X5 z</p>
            <span>¥848.00</span><s>¥899.00</s>
          </li>
          <li>
            <img alt="" src="/static/index/img/section_second_list_img8.jpg">
            <p>飞利浦（PHILIPS）电动牙刷HX6761/03亮白型成人充电式声波震动牙刷粉色 飞利浦（PHILIPS）电动牙刷HX6761/03亮白型成人充电式声波
            </p>
            <span>¥379.00</span><s>¥698.00</s>
          </li>
          <li>
            <img alt="" src="/static/index/img/section_second_list_img9.jpg">
            <p>美的(Midea) 258升 变频智能三门冰箱 一级能效 风冷无霜 中门</p>
            <span>¥3088.00</span><s>¥3299.00</s>
          </li>
          <li>
            <img alt="" src="/static/index/img/section_second_list_img10.jpg">
            <p>【第二件减50元】蒙羊 内蒙古羔羊羊肋排 2.4斤</p>
            <span>¥99.90</span><s>¥199.00</s>
          </li>
        </ul>
      </div>
    </div>
    <div class="swiper-button-prev second_list">
      <p></p>
    </div>
    <div class="swiper-button-next second_list">
      <p></p>
    </div>
  </div>
  <ul class="section_second_list_right">
    <li>
      <img alt="" src="/static/index/img/section_second_list_right_img.jpg">
    </li>
    <li>
      <img alt="" src="/static/index/img/section_second_list_right_img.png">
    </li>
    <div class="section_second_list_right_button">
      <p class="section_second_list_right_button_active"></p>
      <p></p>
    </div>
  </ul>
</div>


</div>

</body>
<script type="text/javascript">
  function search() {
    var keyword=$("#searchText").val()
    window.location.href="http://search.gulimall.com/list.html?keyword="+keyword;
  }

  $.get("http://seckill.gulimall.com/getCurrentSeckillSkus", function (res) {
    if (res.data.length > 0) {
      res.data.forEach(function (item) {
        $("<li onclick='toDetail(" + item.skuId + ")'></li>").append($("<img style='width: 130px; height: 130px' src='" + item.skuInfo.skuDefaultImg + "' />"))
                .append($("<p>"+item.skuInfo.skuTitle+"</p>"))
                .append($("<span>" + item.seckillPrice + "</span>"))
                .append($("<s>" + item.skuInfo.price + "</s>"))
                .appendTo("#seckillSkuContent");
      })
    }
  })

  function toDetail(skuId) {
    location.href = "http://item.gulimall.com/" + skuId + ".html";
  }

</script>
<script type="text/javascript" src="/static/index/js/text.js"></script>
<script type="text/javascript" src="/static/index/js/header.js"></script>
<script type="text/javascript" src="/static/index/js/secend.js"></script>
<script type="text/javascript" src="/static/index/js/zz.js"></script>
<script type="text/javascript" src="/static/index/js/index.js"></script>
<script type="text/javascript" src="/static/index/js/left,top.js"></script>
<script type="text/javascript" src="/static/index/js/catalogLoader.js"></script>
</html>